import React from 'react';
// also exported from '@storybook/react' if you can deal with breaking changes in 6.1
import { Story, Meta } from '@storybook/react/types-6-0';

import Menu from './index';

export default {
  title: 'Example/Menu',
  component: Menu,
  argTypes: {
    backgroundColor: { control: 'color' },
  },
} as Meta;

const Template: Story = (args) => (<Menu {...args} style={{ marginLeft: '2em' }}>
<Menu.Item>1</Menu.Item>
<Menu.SubMenu title="123">
  <Menu.Item>1</Menu.Item>
  <Menu.Item>2</Menu.Item>
</Menu.SubMenu>
</Menu>);

export const Primary = Template.bind({});
Primary.args = {
  btnType: 'primary',
  children: 'Button',
  mode: 'vertical'
};
